<div class="box">
    <div class="main-box">
        <ng-container *ngFor="let item of tagData.data.head">
            <div class="title-box">
                <div class="item-left">
                    <img [src]='item?.img' onerror="this.src='assets/img/default_img.png'" class="images" />
                </div>
                <div class="item-right" [ngClass]="{'width': !item.img}">
                    <p *ngIf="item.first_text" class="first-text">{{item.first_text}}</p>
                    <p *ngIf="item.two_text" class="second-text">{{item.two_text}}</p>
                    <p *ngIf="item.three_text" class="three-text">{{item.three_text}}</p>
                </div>
            </div>
        </ng-container>
        <ng-container *ngFor="let it of tagData.data.user_list">
            <div class="recommend-box" appDebounceClick (debounceClick)="gotoPage(it.link)">
                <img class="avatar-img" [src]="it.head_img" onerror="this.src='assets/img/headtrait.png'" />
                <div class="user-content">
                    <div class="nick-name">
                        {{it.nickname}}<span class="tag" *ngIf="it.leve">{{it.leve}}</span>
                    </div>
                    <p class="tips" *ngIf="it.describe">{{it.describe}}</p>
                </div>
                <img class="arrow-img" src="assets/icon/personal_center_icon_arrow_right_laijian@3x.png" />
            </div>
        </ng-container>
    </div>
    <img appDebounceClick (debounceClick)="close()" class="update-close" src="assets/icon/pop_icon_close@3x.png" alt="">
</div>